<style>
    body{
        font-family: Helvetica;
        font-size: 11px;
    }

    th {
        background-color: black;
        color: white;
    }

    td,th{
        padding: 5px;
    }

    .summary{
        margin-right: 50px;
        margin-bottom: 20px;
    }
</style>
<?php $cycle = $this->cycle(array("#ccffcc","#99ff99")); ?>

<div class="summary" style="float:left; clear:left;">
<?php $cycle->rewind(); ?>
<h3>5 Pembeli Yang Paling Sering Mengunjungi Online Shop</h3>
<table>
    <thead>
        <th>ID</th>
        <th>UserName</th>
        <th>Total</th>
    </thead>
    <?php foreach($this->hit5 as $key): ?>
    <tr style="background-color: <?= $cycle->next(); ?>;">
        <td><?= $this->escape($key["buyer_id"]); ?></td>
        <td style="text-align: left;"><?= $this->escape($key["username"]); ?></td>
        <td><?= $this->escape($key["hit"]); ?></td>
    </tr>
    <?php endforeach; ?>
</table>
</div>
<div class="summary" style="float:left;">
<?php $cycle->rewind(); ?>
<h3>5 Pembeli dengan pembelian terbanyak</h3>
<table>
    <thead>
        <th>ID</th>
        <th>Nama</th>
        <th>Pembelian</th>
    </thead>
    <?php foreach($this->buy5 as $key): ?>
    <tr style="background-color: <?= $cycle->next(); ?>;">
        <td><?= $this->escape($key["buyer_id"]); ?></td>
        <td style="text-align: left;"><?= $this->escape($key["username"]); ?></td>
        <td><?= $this->escape($key["buy"]); ?></td>
    </tr>
    <?php endforeach; ?>
</table>
</div>